<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Crane Novel</title>
<!--// Stylesheets //-->
<link th:href="@{/css/style.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/css/color.css}" rel="stylesheet" type="text/css" />
<!--[if IE 8 ]><link th:href="@{/css/iefix.css}" rel="stylesheet" type="text/css" /><![endif]-->
<!--// Javascripts //-->
<script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/animatedcollapse.js}"></script>
<script type="text/javascript" th:src="@{/js/ddsmoothmenu.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.nivo.slider.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.infinite-carousel.js}"></script>
<script type="text/javascript" th:src="@{/js/scrolltopcontrol.js}"></script>
<script type="text/javascript" th:src="@{/js/functions.js}"></script>
</head>
<script type="text/javascript">
    function currentTime(){
        var d=new Date(),str='';
        str+=d.getHours()+'时';
        str+=d.getMinutes()+'分';
        str+= d.getSeconds()+'秒';
        str2='';
        str2+=d.getFullYear()+'年';
        str2+=d.getMonth() + 1+'月';
        str2+=d.getDate()+'日';
        $('#day').html(str2);
        var a = new Array("日", "一", "二", "三", "四", "五", "六");
        var week = d.getDay();
        var str3 = "星期"+ a[week];
        $('#week').html(str3);
        return str;
    }
    setInterval(function(){$('#time').html(currentTime)},1000);
</script>
<body>
<!-- Top Bar Start -->
<div id="top-bar">
	<div class="inner">
    	<!-- Top Bar Posts Start -->
    	<div class="small-posts">
        	<p>这是随机显示一本小说 <a href="#">去看看</a></p>
        </div>
        <!-- Top Bar Posts End -->
        <!-- Top Links Start -->
        <div class="toplinks">
        	<a href="javascript:animatedcollapse.toggle('loginbox')" class="loginbtn">登录</a>
            <!-- Login Box Start -->
            <div id="loginbox">
            	<h3 class="upper">用户登录</h3>
                <ul>
                	<li class="name"><input type="text" value="User Name" class="bar" /></li>
                    <li class="password"><input type="password" value="Password" class="bar" /></li>
                </ul>
                <div class="btns-sec">
                	<button class="backcolr dark">登录</button>
                    <p>还没有账号? <a th:href="@{toRegister}">点此注册</a></p>
                </div>
            </div>
            <!-- Login Box End -->
            <!-- Top Links Start -->
            <ul class="top-links">
                <li><a href="#">个人空间</a></li>
                <li><a href="#">充值</a></li>
                <li><a href="#">作家专栏</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <!-- Top Links End -->
        </div>
        <!-- Top Links End -->
        <div class="clear"></div>
    </div>
</div>
<!-- Top Bar End -->
<!-- Header Start -->
<div id="header">
	<div class="inner">
    	<!-- Top Header Section Start -->
        <div class="top-head">
        	<!-- Logo Start -->
        	<div class="logo">
            	<a th:href="@{toIndex}"><img th:src="@{/images/logo.png}" alt="" /></a>
            </div>
            <!-- Logo End -->
            <!-- Right Section Start -->
            <div class="right-sec">
            	<!-- Search Start -->
            	<div class="search">
                	<h5>热搜 几部小说</h5>
                    <ul>
                    	<li><input type="text" class="bar" /></li>
                        <li><input type="button" class="go backcolr" value="搜索" /></li>
                    </ul>
                </div>
                <!-- Search End -->
                <!-- Services Start -->
                <div class="service-sec">
                	<h5 id="week">星期几     </h5>
                    <h5 id="time">10:40:12    </h5>
                    <p id="day">2019 年 10月12日   &nbsp;&nbsp;&nbsp;&nbsp;  </p>
                </div>
                <!-- Services End -->
            </div>
            <!-- Right Section End -->
        	<div class="clear"></div>
        </div>
        <!-- Top Header Section End -->
        <div class="clear"></div>
        <!-- Navigation Start -->
        <div class="navigation bordercolr">
        	<div id="smoothmenu1" class="ddsmoothmenu">
            	<ul>
                	<li class="current-menu-item"><a th:href="@{toIndex}">首页</a></li>
                    <li><a href="blog.html">玄幻</a></li>
                    <li><a href="events.html">都市</a></li>
                    <li><a href="sermons.html">修仙</a></li>
                    <li><a href="#">言情</a></li>
                    <li><a href="contact.html">悬疑</a></li>
                    <li><a href="#">更多</a>
                    	<ul class="backcolr">
                        	<li><a href="#">Lorem ipsum</a></li>
                            <li><a href="#">Get connected</a></li>
                            <li><a href="#">Get involved</a></li>
                            <li><a href="#">Coming up</a></li>
                            <li><a href="#">Media</a></li>
                            <li><a href="#">Gospel</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <!-- Navigation End -->
        <div class="clear"></div>
        <!-- Banner Section Start -->
        <div class="banner-sec">
        	<!-- Banner Start -->
            <div class="banner">
            	<div class="slider-wrapper theme-default">
                    <div id="slider" class="nivoSlider">
                        <a href="http://www.shuhai.com/zhuanti/bisai/index.html"><img th:src="@{/images/banner1.jpg}" title="#banner1" alt="" /></a>
                        <a href="http://www.shuhai.com/zhuanti/singing/index.html"><img th:src="@{/images/banner2.jpg}" title="#banner2" alt="" /></a>
                        <a href="http://www.shuhai.com/zhuanti/2019guoqing/index-pc.html"><img th:src="@{/images/banner3.jpg}" title="#banner3" alt="" /></a>
                        <a href="http://www.shuhai.com/famous/"><img th:src="@{/images/banner4.jpg}" title="#banner4" alt="" /></a>
                    </div>
                </div>
            </div>
            <!-- Banner End -->
            <!-- Welcome Section Start -->
            <div class="welcome">
            	<h4 class="sec-head backcolr">今日推荐</h4>
                <div class="welc-text">
                	<a href="#"><img src="/crane/images/welcome.jpg" alt="" /></a>
                    <p>
                        吾有一口玄黄气，可吞天地日月星。天蚕土豆最新鼎力大作，2017年度必看玄幻小说。
                    </p>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- Welcome Section End -->
            <div class="clear"></div>
        </div>
        <!-- Banner Section End -->
        <div class="clear"></div>
    </div>
</div>
<!-- Header End -->
<!-- Content Section Start -->
<div id="contentsec">
	<div class="inner">
        <!-- Advertisment Banners Section Start -->
        <div class="advert-banners">
        	<ul>
            	<li>
                	<div class="thumb">
                    	<!--<a href="#"><img src="/crane/images/img1.jpg" alt="" /></a>-->
                        <h4 class="white">热销榜</h4>
                        <ul style="text-align: center">
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                            <li>11111111111111111111</li>
                        </ul>
                    </div>
                </li>
                <li>
                	<div class="thumb">
                        <h4 class="white">更新榜</h4>
                        <ul style="text-align: center">
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                            <li>22222222222222222222</li>
                        </ul>
                    </div>
                </li>

                <li>
                	<div class="thumb">
                        <h4 class="white">点击榜</h4>
                        <ul style="text-align: center">
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                            <li>33333333333333333333</li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <!-- Advertisment Banners Section End -->
        <div class="clear"></div>
        <table id="books">
            <caption style="font-size: 25px;color: white">我的书架</caption>
            <tr>
                <td><a href="https://www.ddxsku.com/xiaoshuo/43.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/0/43/43s.jpg" alt="三寸人间"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/43.html" target="_blank" style="color: #faffff">三寸人间</a></td>
                <td><a href="https://www.ddxsku.com/xiaoshuo/13332.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/13/13332/13332s.jpg" alt="元尊"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/13332.html" target="_blank" style="color: #faffff">元尊</a></td>
                <td><a href="https://www.ddxsku.com/xiaoshuo/3574.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/3/3574/3574s.jpg" alt="飞剑问道"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/3574.html" target="_blank" style="color: #faffff">飞剑问道</a></td>
                <td><a href="https://www.ddxsku.com/xiaoshuo/9579.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/9/9579/9579s.jpg" alt="凡人修仙传仙界篇"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/9579.html" target="_blank" style="color: #faffff">凡人修仙传仙界篇</a></td>
                <td><a href="https://www.ddxsku.com/xiaoshuo/2669.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/2/2669/2669s.jpg" alt="逆天邪神"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/2669.html" target="_blank" style="color: #faffff">逆天邪神</a></td>
            </tr>
        </table>
        <table id="jilu">
        <caption style="font-size: 25px;color: white">浏览记录</caption>
        <tr>
            <td><a href="https://www.ddxsku.com/xiaoshuo/43.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/0/43/43s.jpg" alt="三寸人间"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/43.html" target="_blank" style="color: #faffff">三寸人间</a></td>
            <td><a href="https://www.ddxsku.com/xiaoshuo/13332.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/13/13332/13332s.jpg" alt="元尊"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/13332.html" target="_blank" style="color: #faffff">元尊</a></td>
            <td><a href="https://www.ddxsku.com/xiaoshuo/3574.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/3/3574/3574s.jpg" alt="飞剑问道"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/3574.html" target="_blank" style="color: #faffff">飞剑问道</a></td>
            <td><a href="https://www.ddxsku.com/xiaoshuo/9579.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/9/9579/9579s.jpg" alt="凡人修仙传仙界篇"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/9579.html" target="_blank" style="color: #faffff">凡人修仙传仙界篇</a></td>
            <td><a href="https://www.ddxsku.com/xiaoshuo/2669.html" target="_blank"><img src="https://www.ddxsku.com/files/article/image/2/2669/2669s.jpg" alt="逆天邪神"></a><br /><a href="https://www.ddxsku.com/xiaoshuo/2669.html" target="_blank" style="color: #faffff">逆天邪神</a></td>
        </tr>
        </table>
        <br/><br/>
        <div class="clear"></div>
    </div>
</div>
<!-- Content Section End -->
<!-- Scroller Section Start -->
<div id="scroller-sec">
	<div class="inner">
    	<div class="scroll-sec">
        	<a id="logoPrevious">Previous</a>
            <div id="logoscroll" class="scroller">
            	<ul>
                	<li><a href="#"><img th:src="@{/images/logo1.gif}" alt="" /></a></li>
                	<li><a href="#"><img th:src="@{/images/logo2.gif}" alt="" /></a></li>
                	<li><a href="#"><img th:src="@{/images/logo3.gif}" alt="" /></a></li>
                	<li><a href="#"><img th:src="@{/images/logo4.gif}" alt="" /></a></li>
                	<li><a href="#"><img th:src="@{/images/logo5.gif}" alt="" /></a></li>
                    <li><a href="#"><img th:src="@{/images/logo1.gif}" alt="" /></a></li>
                    <li><a href="#"><img th:src="@{/images/logo2.gif}" alt="" /></a></li>
                    <li><a href="#"><img th:src="@{/images/logo3.gif}" alt="" /></a></li>
                    <li><a href="#"><img th:src="@{/images/logo4.gif}" alt="" /></a></li>
                    <li><a href="#"><img th:src="@{/images/logo5.gif}" alt="" /></a></li>
                </ul>
            </div>
            <a id="logoNext">Next</a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- Scroller Section End -->
<!-- Footer Start -->
<div id="footer">
	<div class="inner">
    	<!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Text Widget Start -->
        	<div class="widget text-widget">
            	<a href="#"><img src="/crane/images/logo-foot.png" alt="" /></a>
                <br />
                <br />
                <p>
                	P.O Box 1234<br />
                    Your City, City Name and Code 12345<br />
                    (800) 12-34567 | Fax: (123) 345-6789<br />
                    Email: <a href="mailto:email@yourcompany.com">Email@yourcompany.com</a><br />
                </p>
            </div>
            <!-- Text Widget End -->
            <!-- Social Network Start -->
            <div class="widget social-network">
            	<h5 class="white">Follow Us</h5>
                <ul>
                	<li><a href="#"><img src="/crane/images/tweeter-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="/crane/images/facebook-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="/crane/images/vimeo-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="/crane/images/lastfm-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="/crane/images/myspace-icon.png" alt="" /></a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <!-- Social Network End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Blog Roll Start -->
        	<div class="widget blogroll">
            	<h4 class="white">Blog Roll</h4>
                <ul>
                	<li><a href="#">Child Protection<span>(65)</span></a></li>
                    <li><a href="#">Monthly Sermons Sets<span>(13)</span></a></li>
                    <li><a href="#">Weekly Service<span>(05)</span></a></li>
                    <li><a href="#">About Pastor<span>(02)</span></a></li>
                    <li><a href="#">Blog Admin<span>(01)</span></a></li>
                    <li><a href="#">Videos<span>(12)</span></a></li>
                </ul>
            </div>
            <!-- Blog Roll End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Latest Tweets Start -->
        	<div class="widget latest-tweets">
            	<h4 class="white">Latest Tweets</h4>
                <div class="tweet">
                	<a href="#">@tamasgergocs</a> Thanks for posting the photo, Tamás! Let us know what you think about the book's content! Let us know what you think about the book #smbook
31 day ago
                </div>
                <a href="#" class="follow-tweet">Follow Us On Twitter</a>
            </div>
            <!-- Latest Tweets End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Contact Form Start -->
        	<div class="widget contact-form">
	            <h4 class="white">Latest Tweets</h4>
            	<ul>
                	<li><input type="text" class="bar" value="Name" /></li>
                    <li><input type="text" class="bar" value="Email" /></li>
                    <li><textarea rows="" cols="">Message</textarea></li>
                    <li><button class="backcolr">Submit</button></li>
                </ul>
            </div>
            <!-- Contact Form End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <div class="clear"></div>
    </div>
    <!-- Copyrights Start -->
    <div class="copyrights">
    	<div class="inner">
        	<!-- Copyrights Text Start -->
        	<p>&copy; Copyright &copy;2019 Leting 关于 seecen1905-01 More Templates crane小说网</p>
            <!-- Copyrights Text End -->
            <!-- Go To Top Start -->
            <a href="#top" class="top">Back to top</a>
            <!-- Go To Top Start -->
            <div class="clear"></div>
        </div>
    </div>
    <!-- Copyrights End -->
</div>
<!-- Footer End -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>

</html>